/*
 * @Author: wangtao
 * @Date: 2020-06-29 16:32:41
 * @LastEditors: 汪滔
 * @LastEditTime: 2021-04-15 19:51:31
 * @Description: file content
 */

import React, { Component } from 'react';
import {
  StyleSheet,
  View,
  Text,
} from 'react-native';
import {
  mainBgColorWhite,
  screenWidth,
  px2dp,
  fontColorBlack,
  fontColorSecDeepGray,
} from '@/styles';
import { Button } from '../../../../common';

export default class InsuranceInsured extends Component {
  constructor(props) {
    super(props);
    this.state = {};
  }

  componentDidMount() {}

  render() {
    const { insuranceDetailSelct } = this.props;
    return (
      <View style={styles.wrap}>
        <Text style={styles.title}>被保险人信息</Text>
        <View style={styles.content}>
          <View style={styles.contentItem}>
            <Text style={styles.label}>被保险人名称:</Text>
            <Text style={styles.desc}>{insuranceDetailSelct.assuredName}</Text>
          </View>
          <View style={styles.contentItem}>
            <Text style={styles.label}>被保险人类型:</Text>
            <Text style={styles.desc}>{insuranceDetailSelct.assuredType == 1 ? '个人' : '法人'}</Text>
          </View>
          <View style={styles.contentItem}>
            <Text style={styles.label}>被保险人证件类型:</Text>
            <Text style={styles.desc}>{insuranceDetailSelct.assuredCertType.name}</Text>
          </View>
          <View style={styles.contentItem}>
            <Text style={styles.label}>被保险人证件号码:</Text>
            <Text style={styles.desc}>{insuranceDetailSelct.assuredCertNo}</Text>
          </View>
        </View>
      </View>
    );
  }
}
const styles = StyleSheet.create({
  wrap: {
    width: screenWidth,
    backgroundColor: mainBgColorWhite,
    paddingHorizontal: px2dp(32),
    paddingVertical: px2dp(32),
    marginTop: px2dp(24),
  },
  content: {

  },
  contentItem: {
    flexDirection: 'row',
    justifyContent: 'space-between',
    marginTop: px2dp(24),
  },
  title: {
    fontSize: px2dp(28),
    color: fontColorBlack,
    fontWeight: 'bold'
  },
  label: {
    fontSize: px2dp(26),
    color: fontColorSecDeepGray,
  },
  desc: {
    fontSize: px2dp(26),
    color: fontColorBlack,
  },
});
